import { View, Text, Button, } from '@tarojs/components'
import { AtButton, AtNavBar,AtTabBar } from 'taro-ui'
import { useLoad } from '@tarojs/taro'
import './index.scss'

export default function Index() {

  useLoad(() => {
    console.log('Page loaded.')
  })



  return (

    <View className='index'>
      <AtNavBar //导航栏组件
        // onClickRgIconSt={this.handleClick}
        // onClickRgIconNd={this.handleClick}
        // onClickLeftIcon={this.handleClick}
        color='#000'
        leftText='返回'
        rightFirstIconType='bullet-list'
        rightSecondIconType='user'
      >
        <View>首页</View>
      </AtNavBar>
      <Text>Hello world!</Text>
      <Button className='btn-max-w' plain type='primary'>按钮</Button>
      {/* <Tabs></Tabs> */}
      <hr />
      <AtButton>按钮文案</AtButton>
      <hr />
      <AtButton type='primary'>按钮文案</AtButton>


      <AtTabBar
  fixed
  tabList={[
    { title: '待办事项', iconType: 'bullet-list', text: 'new' },
    { title: '拍照', iconType: 'camera' },
    { title: '文件夹', iconType: 'folder', text: '100', max: 99 }
  ]}
  // onClick={this.handleClick.bind(this)}
  // current={this.state.current}
/>
    </View>
  )
}
